<template>
    <view class="prohibition">
        <view class="demo" :style="'height:' +  demo.height + 'px;' + 'padding-top:' + demo.top + 'px;padding-bottom:10rpx'">
            <view class="left" :style="'top:' + demo.top + 'px'">
                <view class="iconfont iconback-line" @tap="back"></view>
            </view>
            预防接种
			<view class="right" :style="'top:' + demo.top + 'px'">
			    <view style="text-align: center;" @tap="goScheme">
					<image src="http://121.42.231.46:9000/medical/common/5f7ce9667f6f49e3ad2fbe00bbdd9528.png" 
						mode="widthFix" style="width: 30upx;"></image>
					<view>接种方案</view>
				</view>
			</view>
        </view>
    </view>
</template>

<script>
    export default {
        data () {
            return {
                demo: {
                    top: 0,
                    height: 0
                }
            }
        },
        created () {
            this.demo.top = 0;
            this.demo.height = 50
        },
		methods:{
			back(){
				uni.navigateBack()
			},
			goScheme(){
				uni.navigateTo({
					url: '/pages/main/child/backlog/scheme'
				})
			}
		}
    }
</script>

<style lang="scss">
    .demo{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
				height: 50px !important;
        font-size: 34rpx;
        .left{
            float: left;
            position: absolute;
            width: max-content;
            height: max-content;
            top: 0;
            bottom: 0;
            left: 20rpx;
            margin: auto;
            .iconfont{
                color: #3C3C3C;
            }
        }
		.right{
		    position: absolute;
		    width: max-content;
		    height: max-content;
		    top: 0;
		    bottom: 0;
		    right: 20rpx;
		    margin: auto;
			font-size: 16upx;
		    .iconfont{
		        color: #3C3C3C;
		    }
		}
    }
</style>